import { Dimensions, PixelRatio } from 'react-native'

const windowSize = Dimensions.get('window')
export const WINDOW_WIDTH = windowSize.width
export const WINDOW_HEIGHT = windowSize.height

export const MAIN_COLOR = '#008dcf'
export const WHITE_COLOR = '#ffffff'
export const BG_COLOR = '#f2f2f2'
export const SECOND_COLOR = '#ff9600'

export const FINISH_LINE_COLOR = '#ECECEC'
export const TEXTINPUT_LINE_COLOR = '#E2E2E2'

// 按钮大小
export const BTN_HEIGHT = 40
export const BTN_WIDTH = WINDOW_WIDTH - 20

// 按钮字体
export const BTN_FONT_SIZE = 17
export const BTN_FONT_WEIGHT = '600'

// checkBox
export const SELECT_BG_COLOR = '#0078C5'
export const UNSELECT_BG_COLOR = '#d0d0d0'

// 按钮颜色
export const BTN_COLOR_MAIN = '#f23530'
export const BTN_COLOR_DISABLE = '#b3b3b3'
export const BTN_COLOR_GREY = '#cbcbcb'
export const BTN_COLOR_WHITE = '#ffffff'
export const BTN_COLOR_BLUE = '#008dcf'
export const BTN_TEXT_WHITE = '#ffffff'
export const BTN_COLOR_CONTENT = '#f6f5f5'

// 文字颜色
export const FONT_COLOR_TITLE = '#333333'
export const FONT_COLOR_CONTENT = '#666666'
export const FONT_COLOR_TIPS = '#999999'

// 异常反馈
export const ADD_ICON_COLOR = '#e5e5e5'
export const MODAL_HEIGHT = 200
export const MODAL_LINE_HEIGHT = 56
export const MODAL_LINE_COLOR = '#B4B4B4'
export const MODAL_MASSAGE_COLOR = '#B4B4B4'
export const MODAL_RED_COLOR = '#dc0000'
export const MODAL_BLUE_COLOR = '#166dfe'
export const MODAL_BG_COLOR = '#fffe'
export const SELECT_MODAL_HEIGHT = 304
export const SELECT_MODAL_TITLE_HEIGHT = 54
export const SELECT_MODAL_LINE_HEIGHT = 44
export const SELECT_MODAL_LINE_COLOR = '#e4e4e4'
export const MODAL_TEXT_BLUE_COLOR = '#07f'
export const MODAL_TITLE_BG_COLOR = '#f5f5f5'

// 分割线大小
export const BORDER_SZIE = 1 / PixelRatio.get()
// 分割线颜色
export const LINE_COLOR_FOR_WHITE = '#e8e8e8'
export const LINE_COLOR_FOR_GRAY = '#a8a8a8'
// TextInput二维码颜色
export const TEXTINPUT_ICON_COLOR = '#878787'
// 背景颜色
export const BG_M_COLOR = '#f5f5f5'
